﻿.mse-calc label {
    display: inline-block;
    /*margin-top: 1.0em;*/
    margin-bottom: 0.2em;
    min-width: 280px;
}

.mse-calc input, .mse-calc select {
    /*-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;*/
    display: inline-block;
    padding: 0.5em;
    width: 100%;
    max-width: 260px;
}

    .mse-calc input[type=number] {
        text-align: right;
    }

    .mse-calc input[type=checkbox] {
        width: auto;
        margin-right: 0.2em;
    }

        .mse-calc input[type=checkbox] + label {
            display: inline-block;
        }

.mse-calc h2 {
    margin-top: 3em;
    margin-bottom: 1em;
}

.mse-calc table {
    border-collapse: collapse;
    width: 100%;
    max-width: 525px;
}

.mse-calc tfoot td, .mse-calc td {
    padding: 0.5em 0.5em 0.5em 0;
    text-align: left;
    vertical-align: top;
}

.mse-calc tfoot td {
    border-top: 1px solid #000000;
}

.mse-calc td.numeric, .mse-calc td.numeric {
    text-align: right;
}

.mse-calc-table-note {
    font-style: italic;
    margin-top: 1em;
}

.mse-calc .k-datepicker {
    border: 0px;
    vertical-align: baseline;
}

.mse-calc .k-datepicker .k-picker-wrap {
    background: #e4e6e6 !important;
    border: 1px solid #e4e6e6;
    height: 30px;
    width: 100%;
    max-width: 272px;
}

.mse-calc .k-datepicker .k-picker-wrap:hover, .mse-calc .k-datepicker .k-picker-wrap:focus {
    border: 1px solid #c8c8c8;
}

.mse-calc .k-datepicker .k-input {
    border: 0px;
    width: 100% !important;
    height: 23px;
    line-height: 23px;
}

.mse-calc .k-datepicker .k-input:hover, .mse-calc .k-datepicker .k-input:focus {
    border: 0px;
}

.mse-calc .k-datepicker .k-select {
    background: #e4e6e6;
    margin-top: -1px;
}
.mse-calc .k-datepicker .k-select:hover {
    background: #dc0018;
}

.mse-calc .k-datepicker .k-icon {
    margin-top: -8px;
    margin-right: 2px;
}

.mse-calc input {
    -webkit-appearance: none;
}

.mse-calc input, .mse-calc select {
    box-sizing: content-box;
    height: 23px;
    background: #e4e6e6;
    resize: none;
    font-family: inherit;
    font-weight: normal;
    padding: 3px 4px 4px 6px;
    margin-bottom: 5px;
    border: 1px solid #e4e6e6;
    color: #0e0e0e;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    outline: none !important;
    font-family: "FrutigerLTW02-45Light", "Helvetica Neue", "Helvetica", Arial;
    border: 1px solid #e4e6e6;
    font-size: 1em;
    line-height: 24px;
    color: #313131 !important;
    width: 97% !important;
}

    .mse-calc input:focus, .mse-calc select:focus, .mse-calc input:hover, .mse-calc select:hover {
        border: 1px solid #c8c8c8;
    }

@media screen and (max-width: 399px) {
    .mse-calc td, .mse-calc tfoot td {
        display: inline-block;
        width: 100%;
        border: none;
    }

        .mse-calc td:first-child, .mse-calc tfoot td:first-child {
            padding: 0.5em 0.5em 0 0;
        }

        .mse-calc td:last-child, .mse-calc tfoot td:last-child {
            padding: 0 0.5em 0.5em 0;
        }

        .mse-calc tfoot td:first-child {
            border-top: 1px solid #000000;
        }
}
